<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>one-way</title>
    <link rel="stylesheet" href="css/order.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
    
    <!-- 爱心模式 -->
    <div id="heart">
        <ul>
            <li>
                <a href="">
                    <img src="images/reflash1.png" alt="">
                </a>
            </li>
            <li id="sound_normal">
                <a href="">
                    <img src="images/sound_normal.png" alt="">
                </a>
                <span>声音</span>
            </li>
            <li>
                <a href="">
                    <img src="images/vol_normal.png" alt="">
                </a>
            </li>
            <li id="heart_point">
                <a>
                    <img src="images/point3.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/color1.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/enlarge1.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/small1.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/reflash2.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/cursor1.png" alt="">
                </a>
            </li>
            <li id="screen1">
                <a href="">
                    <img src="images/screen1.png" alt="">
                </a>
                <span>显示屏</span>
            </li>
            <li>
                <a href="">
                    <img src="images/help1.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/left_img5.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/toOriginal.png" alt="">
                </a>
            </li>
            <li id="heart_exit">
                <a>
                    <img src="images/exit1.png" alt="">
                </a>
            </li>
        </ul>
    </div>

    <!-- 头部 -->
    <header>
        <div id="wrapper">
            <!-- 头部内容 -->
            <div id="header-con">
                <a href="" id="logo2x">
                    <img src="images/logo@2x.png" alt="">
                </a>
                <!-- 搜索框 -->
                <div id="search">
                    <div id="search-con">
                        <input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" id="searchText" name="searchs">
                        <a href="" id="search—bon"></a>
                    </div>
                </div>
                <!-- 右侧菜单 -->
                <ul id="topMenu">
                    <li id="heart_schema">
                         <a>
                            爱心模式
                        </a>
                    </li>
                    <li class="menu-line">|</li>
                    <li id="Englishs">
                        <a href="">
                            <span >English</span>
                        </a>
                        <ul id="EnglishSlide">
                            <li>
                                <a href="">简体中文</a>
                            </li>
                            <li>
                                <a href="">English</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-line">|</li>
                    <li id="myslide">
                        <a href="">
                            <span >我的12306</span>
                        </a>
                        <ul id="my12306">
                            <li>
                                <a href="">火车订票</a>
                            </li>
                            <li>
                                <a href="">候补订单</a>
                            </li>
                            <li>
                                <a href="">计次•定期票订单</a>
                            </li>
                            <li>
                                <a href="">约号订单</a>
                            </li>
                            <li>
                                <a href="">本人车票</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">我的餐饮•特产</a>
                            </li>
                            <li>
                                <a href="">我的保险</a>
                            </li>
                            <li>
                                <a href="">我的会员</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">查看个人信息</a>
                            </li>
                            <li>
                                <a href="">账户安全</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">乘车人</a>
                            </li>
                            <li>
                                <a href="">地址管理</a>
                            </li>
                            <li class="myline"></li>
                            <li>
                                <a href="">温馨服务查询</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-line">|</li>
                    <li>
                        <a href="login.jsp" id="logig_nameShow"><!-- ${loginUser.getUser_real_name()} -->登录</a>
                        <a href="register.jsp">注册</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 导航 -->
        <div id="nav-box">
            <div id="wrapper1">
                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li id="n_arrow_ticket">
                        <a href="">车票
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="ticket">
                            <nav id="ticket-con0">
                                <h3>购买</h3>
                                <div>
                                    <a href="oneWay.jsp">
                                        <span>单程</span>
                                    </a>
                                    <a href="transit.jsp">
                                        <span>中转换乘</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="ticket-con1">
                                <h3></h3>
                                <div>
                                    <a href="oneWay.jsp">
                                        <span>往还</span>
                                    </a>
                                    <a href="">
                                        <span>计次·定期票</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="ticket-con3">
                                <h3>变更</h3>
                                <div>
                                    <a href="">
                                        <span>退票</span>
                                    </a>
                                    <a href="">
                                        <span>变更到站</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="ticket-con4">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>改签</span>
                                    </a>
                                    <a href="">
                                        <span></span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="ticket-con5">
                                <h3>更多</h3>
                                <div>
                                    <a href="">
                                        <span>中铁银通卡</span>
                                    </a>
                                    <a href="">
                                        <span>市郊快速铁路</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="ticket-con6">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>广九直通车</span>
                                    </a>
                                    <a href="">
                                        <span>国际列车</span>
                                    </a>
                                </div>
                            </nav>
                        </div>
                    </li>
                    <li id="n_arrow_team">
                        <a href="">团购服务
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="team">
                            <nav>
                                <a href="">
                                    <span>务工人员</span>
                                </a>
                                <a href="">
                                    <span>学生团体</span>
                                </a>
                            </nav>
                        </div>
                    </li>
                    <li id="n_arrow_vipServe">
                        <a href="">会员服务
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="vipServe">
                            <nav>
                                <a href="memberService.jsp">
                                    <span>会员管理</span>
                                </a>
                                <a href="memberService.jsp">
                                    <span>积分账户</span>
                                </a>
                                <a href="memberService.jsp">
                                    <span>积分兑换</span>
                                </a>
                                <a href="memberService.jsp">
                                    <span>会员专享</span>
                                </a>
                                <a href="memberOld.jsp">
                                    <span>会员中心</span>
                                </a>
                            </nav>
                        </div>
                    </li>
                    <li id="n_arrow_station">
                        <a href="">站车服务
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="station">
                            <nav id="station-con1">
                                <div>
                                    <a href="">
                                        <span>重点旅客预约</span>
                                    </a>
                                    <a href="">
                                        <span>遗失物品查找</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="station-con2">
                                <div>
                                    <a href="">
                                        <span>便民托运</span>
                                    </a>
                                    <a href="">
                                        <span>动车组介绍</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="station-con3">
                                <div>
                                    <a href="">
                                        <span> 共享汽车</span>
                                    </a>
                                    <a href="">
                                        <span>定制接送</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="station-con4">
                                <div>
                                    <a href="">
                                        <span> 车站引导</span>
                                    </a>
                                    <a href="">
                                        <span>站车风采</span>
                                    </a>
                                </div>
                            </nav>
                        </div>
                    </li>
                    <li id="n_arrow_tour">
                        <a href="">商旅服务
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="tour">
                            <nav>
                                <a href="">
                                    <span>餐饮·特产</span>
                                </a>
                                <a href="">
                                    <span>旅游</span>
                                </a>
                                <a href="">
                                    <span>保险</span>
                                </a>
                            </nav>
                        </div>
                    </li>
                    <li id="n_arrow_trip">
                        <a href="">出行指南
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="trip">
                            <nav id="trip-con0">
                                <h3>常见问题</h3>
                                <div>
                                    <a href="">
                                        <span>车票</span>
                                    </a>
                                    <a href="">
                                        <span>改签、变更到站</span>
                                    </a>
                                    <a href="">
                                        <span>更多</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="trip-con1">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>购票</span>
                                    </a>
                                    <a href="">
                                        <span>退票</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="trip-con3">
                                <h3>旅客须知</h3>
                                <div>
                                    <a href="">
                                        <span>铁路电子客票</span>
                                    </a>
                                    <a href="">
                                        <span>更多</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="trip-con4">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>身份验证</span>
                                    </a>
                                    <a href="">
                                        <span></span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="trip-con5">
                                <h3>相关章程</h3>
                                <div>
                                    <a href="">
                                        <span>铁路互联网售票暂行方法</span>
                                    </a>
                                    <a href="">
                                        <span>铁路进站乘车禁止和跟……</span>
                                    </a>
                                    <a href="">
                                        <span>更多</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="ticket-con6">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>铁路旅客运输规程</span>
                                    </a>
                                    <a href="">
                                        <span>广深港高速铁路跨境旅客……</span>
                                    </a>
                                </div>
                            </nav>
                        </div>
                    </li>
                    <li id="n_arrow_message">
                        <a href="">信息查询
                            <img src="images/n_arrow.gif" alt="" class="n_arrow">
                        </a>
                        <div class="navigation" id="message">
                            <nav id="message-con0">
                                <h3>常用查询</h3>
                                <div>
                                    <a href="">
                                        <span>正晚点</span>
                                    </a>
                                    <a href="">
                                        <span>天气</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="message-con1">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>时刻表</span>
                                    </a>
                                    <a href="">
                                        <span>交通查询</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="message-con3">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>公布票价</span>
                                    </a>
                                    <a href="">
                                        <span>代售点</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="message-con4">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>检票口</span>
                                    </a>
                                    <a href="">
                                        <span>客户电话</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="message-con5">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>起售时间</span>
                                    </a>
                                    <a href="">
                                        <span>列车状态</span>
                                    </a>
                                </div>
                            </nav>
                            <nav id="message-con6">
                                <h3></h3>
                                <div>
                                    <a href="">
                                        <span>最新发布</span>
                                    </a>
                                    <a href="">
                                        <span>信用信息</span>
                                    </a>
                                </div>
                            </nav>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <div id="center">
        <div id="trainMsg">
            <div id="trainMsg_top">
                <div id="trainMsg_top_t">
                    列车信息（以下余票信息仅供参考）
                </div>
                <div id="trainMsg_top_f">
                    <ul>
                        <li>2022-09-07（周三）</li>
                        <li>G1835</li>次
                        <li>成都东站（21:22开）—重庆西站（22:40到）</li>
                    </ul>
                </div>
            </div>
            <div id="trainMsg_footer">
                <div id="trainMsg_footer_t">
                    <ul>
                        <li>商务座（￥438.0）5张票 </li>
                        <li>一等座（￥234.0）19张票</li>
                        <li 二等座（￥146.0）有票> 二等座（￥146.0）有票</li>
                    </ul>
                </div>
                <div id="trainMsg_footer_f">
                    *显示的卧铺票价均为上铺票价，供您参考。具体票价以您确认支付时实际购买的铺别票价为准。
                </div>
            </div>
        </div>
        
        <div id="passengerMsg">
            <div id="passengerMsg_top">
                <div id="passengerMsg_top_t">
                    <div id="passengerMsg_top_t_l">乘客信息（填写说明）</div>
                </div>
                <div id="passengerMsg_top_f">
                    乘车人<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="myself">${loginUser.user_real_name}</span>
                    <input type="checkbox" id="mycheckbox">
                </div>
            </div>
            <div id="passengerMsg_footer">
                <div id="passengerMsg_footer_1">
                    <ul>
                        <li>序号</li>
                        <li>票种</li>
                        <li class="lis">席别</li>
                        <li class="lis">姓名</li>
                        <li class="lis">证件类型</li>
                        <li class="lis">证件号码</li>
                        <li class="lis">手机号码</li>
                    </ul>
                </div>
                <div id="passengerMsg_footer_2">
                    <nav id ="mynav">
                        <ul class="uls" id="uls2">
                            <li id="num1">1</li>
                            <li>
                                <select class="mydisabled" name="titcket_type" readonly="readonly" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
                                    <option value="1">成人票</option>
                                    <option value="2">学生票</option>
                                    <option value="3">儿童票</option>
                                    <option value="4">残军票</option>
                                </select>
                            </li>
                            <li class="lis">
                                <select class="mydisabled" name="seat_type">
                                    <option value="">一等座</option>
                                    <option value="">二等座</option>
                                    <option value="">商务座</option>
                                </select>
                            </li>
                            <li class="lis">
                    <input id="myname" class="mydisabled" size="10px" type="text" readonly>
                            </li>
                            <li class="lis">
                                <select class="mydisabled" readonly="readonly" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
                                    <option value="1">中国居民身份证</option>
                                    <option value="2">港澳台居民身份证</option>
                                </select>
                            </li>
                            <li class="lis">
                                <input class="mydisabled"readonly id="myIdNum" type="text" size="18px">
                            </li>
                            <li class="lis">
                                <input class="mydisabled"readonly id="myPhone" type="text" size="10px">
                            </li>
                            <li id="mylastli">
                                <span id="addChild" class="addChilds">添加儿童</span>
                                <img id="delImg" class="delChild" src="images/delete.png">
                            </li>
                        </ul>
                    </nav>
                </div>
                <div id="passengerMsg_footer_3">
                    <img src="images/ins_ad7.png">
                </div>
            </div>
            <div id="choice">
                <ul>
                    <a href="#"><li>上一步</li></a>
                    <li><input id="mybutton" type="button" value="提交" name="tijiao"></li>
                </ul>
            </div>
            <div class="tips-txt"><h2>温馨提示：</h2>
<p>1. 一张有效身份证件同一乘车日期同一车次只能购买一张车票，高铁动卧列车除外。</p>
<p>2. 购票时可使用的有效身份证件包括：中华人民共和国居民身份证、港澳居民来往内地通行证、台湾居民来往大陆通行证和按规定可使用的有效护照。</p>
<p>3. 购买儿童票时，乘车儿童有有效身份证件的，请填写本人有效身份证件信息。乘车儿童没有有效身份证件的，应使用同行成年人的有效身份证件信息；购票时不受第一条限制，但购票后、开车前须办理换票手续方可进站乘车。</p>
<p>
                4. 购买学生票时，须在<a href="../view/passengers.html" shape="rect">我的乘车人</a>
中登记乘车人的学生详细信息。学生票乘车时间限为每年的暑假6月1日至9月30日、寒假12月1日至3月31日。购票后、开车前，须办理换票手续方可进站乘车。换票时，新生凭录取通知书，毕业生凭学校书面证明，其他凭学生优惠卡。

            </p>
<p>5.
                购买残疾军人（伤残警察）优待票的，须在购票后、开车前办理换票手续方可进站乘车。换票时，不符合规定的减价优待条件，没有有效"中华人民共和国残疾军人证"或"中华人民共和国伤残人民警察证"的，不予换票，所购车票按规定办理退票手续。</p>
<p>6.一天内3次申请车票成功后取消订单（包含无座票时取消5次计为取消1次），当日将不能在12306继续购票。</p>
<p><strong>7.购买铁路乘意险的注册用户年龄须在18周岁以上，使用非中国居民身份证注册的用户如购买铁路乘意险，须在<a href="../view/information.html" shape="rect">我的12306——个人信息</a>
如实填写“出生日期”。</strong>
</p>
<p><strong>8.父母为未成年子女投保，须在<a href="../view/passengers.html" shape="rect">我的乘车人</a>
登记未成年子女的有效身份证件信息。</strong>
</p>
<p>9.未尽事宜详见《铁路旅客运输规程》等有关规定和车站公告。</p>
<p name="xjky" style="display: none;">10. 为确保乘客在旅途中有一个安全、舒适的乘坐环境，自2020年11月17日起，<span style="color:red;">旅客不得随身携带长宽高之和大于130厘米的雪具乘车</span>
。您可选择雪具快运服务，请提前1-2天选择雪具快运“门到站”或“站到站”服务，中铁快运提供雪具到站后3日免费保管，请您根据出行时间，提前咨询和办理。中铁快运客服热线：95572<br clear="none">
</p>
</div>
        </div>
    </div>

    <!-- 底部 -->
    <footer id="footer-con">
        <div id="footer-link">
            <span>友情链接</span>
            <nav>
                <a href="">
                    <img src="images/link05.png" alt="">
                </a>
                <a href="">
                    <img src="images/link03.png" alt="">
                </a>
            </nav>
            <nav>
                <a href="">
                    <img src="images/link02.png" alt="">
                </a>
                <a href="">
                    <img src="images/link04.png" alt="">
                </a>
            </nav>
        </div>

        <div id="footer-left">
            <dl>
                <dt>中国铁路官方微信</dt>
                <dd>
                    <img src="images/zgtlwx.png" alt="">
                </dd>
            </dl>

            <dl>
                <dt>中国铁路官方微博</dt>
                <dd>
                    <img src="images/zgtlwb.png" alt="">
                </dd>
            </dl>

            <dl>
                <dt>12306公众号</dt>
                <dd>
                    <img src="images/public.png" alt="">
                </dd>
                    </dl>

            <dl>
                <dt>铁路12306</dt>
                <dd>
                    <img src="images/downloads.png" alt="">
                </dd>
            </dl>
            <div id="footer-pub">
                官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
            </div>
        </div>
    </footer>

    <!-- 最底部 -->
    <div id="footer-bottom">
        <div id="bot_con">
            <p>版权所有©2008-2022 中国铁道科学研究院集团有限公司</p>
            <dl>
                <dt>
                    <a href="">
                        <img src="images/gongan.png" alt="">
                    </a>
                </dt>
                <dd>
                    <a href="">京公网安备</a>
                    <a href=""> 11010802038392号</a>
                    | 京ICP备05020493号-4 | ICP证：京B2-20202537
                </dd>
            </dl>
            <div id="down-img">
                <img src="images/footer-slh.jpg" alt="">
            </div>
        </div>  
    </div>
    <!-- 提示框 -->
            <div id="all_prompt">
                <div id="prompt_dishonest">
                    <div id="prompt_head">
                        <span>提示</span>
                    </div>
                    <div id="prompt_center">
                       <span>最多只能购买9张车票</span>
                    </div>
                    <div id="prompt_fot">
                        <input type="button" value="确定" class="close_allPrompt">
                    </div>  
                </div>
            </div>
</body>
<script type="text/javascript" src="js/order.js">

</script>
</html>